<!--  -->
<template>
  <div>
   <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">评论列表</span>
    </div>
  
  <div v-if="commentList.length > 0" class="comment-list">
          <div class="comment"
            v-for="comment in commentList"
            :key="comment.id">
                <div data-v-ececc000="" class="van-cell van-cell--center van-cell--borderless van-contact-card van-contact-card--edit">
                    <i data-v-ececc000="" class="van-icon van-icon-contact van-cell__left-icon"></i>
                    <div data-v-ececc000="" class="van-cell__value van-cell__value--alone van-contact-card__value">
                        <div data-v-ececc000="">{{ comment.trueName }}   {{ comment.commentTime }}</div>
                        <div data-v-ececc000="">{{ comment.commentText }}</div>
                    </div>
                </div>
            </div>
  </div>
  <div v-else class="text-c">
    <div class="color-b font14" style="margin: 20px 0 0 15px"> 暂无评论，快来抢个沙发吧!</div>
  </div>
</div>
</template>

<script type="text/javascript">
  export default {
    props: ['commentList'],    
  }
</script>
<style  scoped>
/* @import url();*/
.comment {  
  display: flex;  
  flex-direction: row;  
  align-items: center;  
}  
  
</style>